<!doctype html>
<html>
    <head>
        <style>
        .content {
            transform: translateZ(1px);
            display: block;
            width: 100px;
            height: 30px;
            background-color: green;
        }
        </style>
    </head>
    <body>
        <!-- This test passes if it doesn't trigger an ASSERT in debug mode. It makes sure that the timer
            used to update the marquee will not run before the layout is done. -->
        
        <div id="container">
            <marquee behavior="scroll" direction="left" scrolldelay="1" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="2" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="3" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="4" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="5" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="6" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="7" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
            <marquee behavior="scroll" direction="left" scrolldelay="8" truespeed="true" scrollamount="1"><span class="content"></span></marquee>
        </div>

        <p>Counter: <span id="counter"></span></p>

        <script>
            if (window.testRunner) {
                testRunner.waitUntilDone();
                testRunner.dumpAsText();
            }

            var times = 0;
            // Trigger "pending layouts", that might run after the marquee timer is fired.
            var counter = document.getElementById("counter");
            var textNode = document.createTextNode("");
            counter.appendChild(textNode);
            var interval = setInterval(function() {
                textNode.nodeValue = Math.random();
                if ((++times) >= 10) {
                    document.getElementById("container").remove();
                    textNode.nodeValue = "";
                    clearInterval(interval);
                    if (window.testRunner)
                        testRunner.notifyDone();
                }
            }, 10);
        </script>
    </body>
</html>
